<template>
  <div>
    <div class="banner">
      <img
        src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cHM6Ly81Y2RkM2FhNWM0NmVhLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTkvMDUvNDlhZTM4YTg2N2VmNzVhNDA3M2RmNzRiYTFmOThjMjYtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp"
        alt=""
      />
    </div>
    <div class="content">
      <div class="content_one">
        <h4>春茶</h4>
        <div>
          <p>
            饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。
          </p>
          <p>
            因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。
          </p>
        </div>
        <div class="shuzi">
          <div class="shuzi2">
            <div class="one1">
            <div>138</div>
            <p>历史悠久</p>
          </div>
          <div class="two2">
            <div>95</div>
            <p>冲泡温度</p>
          </div>
          <div class="three3">
            <div>1</div>
            <p>碧螺春等级</p>
          </div>
          <div class="four4">
            <div>567</div>
            <p>茶园面积</p>
          </div>
          </div>
        </div>
        <h4 style="margin-top:40px">喝茶的好处</h4>
        <div>
          <p>
            饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助
          </p>
          <p>
            防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋
          </p>
          <p>
            以及消食利尿也具有一定的作用。 但并不是喝得越多越好，也不是所有的人都适合喝茶。一般来说，每天1-2次，每次3-5克、400
          </p>
          <p>
            毫升的饮量是比较适当的。一般，人们说喝茶还指喝水。
          </p>
        </div>
        <div class="conn_o">
          <div class="b">
            <div class="boximg">
              <img src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC82NzM1MTJkYjY0YzY3ZTQzN2MyMzE0YzJjNzcyNGYzZi05MC53ZWJw.webp" alt="">
            </div>
            <div class="title">茶园规划</div>
            <p>明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。</p>
          </div>
          <div class="c">
            <div class="boximg">
              <img src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC80ZGYwMWE3NGZhMGFlYWI4MjJiYzUxOGFjYzZlYWE5Ni05MC53ZWJw.webp" alt="">
            </div>
            <div class="title">茶叶品质鉴别</div>
                        <p>明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。</p>
          </div>
          <div class="d">
            <div class="boximg">
              <img src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC80NWEyYmVlMTVmMTkxNzQ5NDY5MjExMGIyM2RhZGJkNS05MC53ZWJw.webp" alt="">
            </div>
            <div class="title">冲泡工艺</div>
                        <p>明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。</p>
          </div>

        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style scoped>
.b>p,.c>p,.d>p{
  padding: 0 10%;
  text-align: left;
  color: #808080;
  font-size: 16px;
}
.title{
  text-align: center;
  padding-top: 17px;
  color: #808080;
  font-size: 18px;
    padding-bottom: 17px;

}
.boximg{
  width: 80%;
  margin: auto;
}
.boximg>img{
  width: 100%;
  height: 100%;
}
.conn_o{
  display: flex;
  margin-top: 40px;
}
.b,.c,.d{
  flex: 1;
  height: 460px;
}
.shuzi {
  margin-top: 40px;
  height: 230px;
}
.shuzi2{
display: flex;
height: 90px;
padding: 70px 0;
border-top: 1px solid #cccc;
border-bottom: 1px solid #cccc;

}
.one1,
.two2,
.three3,
.four4 {
  flex: 1;
  border-left: 1px solid #cccc;
  
}
.one1{
   border-left:none;
}
.one1>div,.two2>div,.three3>div,.four4>div{
  font-size: 60px;
    font-family: courier new;
    color: #3c3c3c;
}
.one1>p,.two2>p,.three3>p,.four4>p{
 color: rgb(147, 147, 150);

 text-align: center;
}
.banner {
  padding-top: 80px;
  width: 100%;
  height: 158px;
}
.banner > img {
  width: 100%;
  height: 100%;
}
.content {
  width: 100%;
}
.content_one {
  /* width: 90%; */
  margin-top: 40px;
  min-height: 213px;
  text-align: center;
  padding: 0 40px;
}
.content_one > div > p {
  color: #808080;
  /* line-height: 1.5em; */
  background-position: left top;
  background-repeat: no-repeat;
  margin-top: 0;
  margin-bottom: 0;
  /* padding-top: 22px; */
}
.content_one > h4 {
  font-family: 微软雅黑;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  color: #232323;
  padding: 0 0 5px 0;
  display: block;
  padding: 0 0 5px 0;
  line-height: 47px;
  /* padding-top: 5px; */
}
</style>